﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>CssPirate</title>
    <script src="libs/jquery.min.js" type="text/javascript"></script>
    <script src="libs/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
    <script src="libs/jquery.ba-resize.js" type="text/javascript"></script>
    <script src="libs/knockout-2.1.0.js" type="text/javascript"></script>
    <script src="js/rsuite.extends.js" type="text/javascript"></script>
    <script src="js/rsuite.posize.js" type="text/javascript"></script>
    <script src="js/rsuite.dialog.js" type="text/javascript"></script>
    <script src="js/csspirate.js" type="text/javascript"></script>

    <link href="css/rsuite.reset.css" type="text/css" rel="stylesheet" />
    <link href="css/rsuite.client.css" type="text/css" rel="stylesheet" />
    <link href="css/rsuite.dialog.css" type="text/css" rel="stylesheet" />
    <link href="css/rsuite.theme.light.css" type="text/css" rel="stylesheet" />
    <link href="css/rsuite.theme.csstricks.css" type="text/css" rel="stylesheet" />
</head>
<body class='reset client posizable theme-light'>
    <div id='header' dock='top' style='padding: 5px; border-bottom: 1px solid #cccccc'>
        abc asd f asdf asf as f asdf asdf 
        <br /><br /><br /><br />
        df asf as f asdf asdfdf asf as f asdf asdfdf asf as f asdf asdf
        <center><a class='button' id='new'>New</a></center>
    </div>
    <div id='new-dialog' class='rdialog'>
        <table>
            <thead>
                <tr><td>New</td></tr>
            </thead>
            <tbody>
                <tr><td><input type='text' /></td></tr>
            </tbody>
            <tfoot>
                <tr><td><a class='button'>Open</a></td></tr>
            </tfoot>
        </table>
    </div>
</body>
</html>